body { 
	background: linear-gradient(#E6E6FA, #808080) 
	}

#menu {
	margin: 0 auto;
	}

#menu ul {
	padding: 0;
	margin: 0;
}

#menu li {
	position: relative;
	float: left;
	width: 140px;
	text-align: center;
	list-style: none;
}

#menu li a {
	background-color: #454545;
	color: #FFF;
	padding: 15px 20px;
	text-decoration: none;
	display: block;
}

#menu li a:hover {
	background-color: #4d4d4d;
	text-shadow: 0px 0px 1px #FFF;
}

#menu ul ul {
	position: absolute;
	top: 48px;
	visibility: hidden;
}

#menu ul li:hover ul {
	visibility: visible;
	z-index:1;
}

#menu ul ul:hover {
	box-shadow: 0px 20px 30px #7C7C7C;
}

#menu ul ul li a {
	background-color: #3A3A3A;
}

#menu ul ul li a:hover {
	background-color: #3F3F3F;
}

#menu ul li ul li {
	width: 250px;
}